Welcome to “Easy Tutorials”. My name is Avinash and I'm a Software Developer with several years of experience in web development. I like to teach aspiring web developers at "Easy Tutorials" to learn to code and get their dream job. Please subscribe to my channel for the upcoming tutorials. Thank You :) Channel managed by: Vikash & Avinash Enquiry: avinashdm@outlook.com

37:13 / 41:58•Watch full video

How To Make Weather App Using JavaScript Step By Step Explained

Easy Tutorials

2.3K

Likes

72,267

Views

Mar 10

2023

Learn How To Make Weather App Using JavaScript Step By Step Explained | Create Weather App In HTML CSS and JavaScript #JavaScript #JavaScriptProjects ❤️ SUBSCRIBE: https://goo.gl/tTFmPb In this video we will learn to create a Weather App for Website using HTML CSS and JavaScript. We will get the current weather data from Fess API fey from OpenWeatherMap and display the weather information like Temperature, Weather condition, Humidity and Wind Speed according to the city on our website or app. We will display the weather info on website from Free API using JavaScript. In this weather app we will add one search box where user can enter the city name and get the weather information of the particular city. Download Images: https://drive.google.com/file/d/1RgSe... ----------------------------------------- Suggested Course: ❤️ Complete website Using HTML and CSS ✔️ 8 Complete website step by step ✔️ Source Code Download ✔️ 76 Lectures, 12 Hours Video ✔️ Course Completion certificate 👉 https://easytutorialspro.com/go/course/ ------------------------------------- Recommended Videos: Learn Complete HTML and CSS from basics: ► • HTML And CSS Tuto... Make A Complete Website for college using HTML & CSS: ► • How To Make A Col... How to make a Business website step by step: ► • How To Make Websi... How to make personal resume website step by step: ► • How To Make A Web... How to make fitness website design using HTML CSS: ► • How To Make A Web... How to make an Ecommerce Website Design: ► • How To Make eComm... How to make a Job Portal website design with HTML & CSS: ► • How To Make Websi... How to make travel website design with HTML CSS Bootstrap: ► • How To Make A Web... ------------------------------------- Affordable web hosting (coupon- EASYTUTORIALS) 👉 https://easytutorialspro.com/hosting/ My recommended tools and tutorials 👉 https://easytutorialspro.com/ ------------------------------------- ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see) Join Channel Membership: ► / @easytutorialsvideo ------------------------------------- Images Credit: https://www.freepik.com/ ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr

How To Make Weather App Using JavaScript Step By Step Explained

839K subscribers

72,267 views Mar 10, 2023 #JavaScriptProjects #JavaScript

Learn How To Make Weather App Using JavaScript Step By Step Explained | Create Weather App In HTML CSS and JavaScript #JavaScript #JavaScriptProjects ❤️ SUBSCRIBE: https://goo.gl/tTFmPb In this video we will learn to create a Weather App for Website using HTML CSS and JavaScript. We will get the current weather data from Fess API fey from OpenWeatherMap and display the weather information like Temperature, Weather condition, Humidity and Wind Speed according to the city on our website or app. We will display the weather info on website from Free API using JavaScript. In this weather app we will add one search box where user can enter the city name and get the weather information of the particular city. Download Images: https://drive.google.com/file/d/1RgSe... ----------------------------------------- Suggested Course: ❤️ Complete website Using HTML and CSS ✔️ 8 Complete website step by step ✔️ Source Code Download ✔️ 76 Lectures, 12 Hours Video ✔️ Course Completion certificate 👉 https://easytutorialspro.com/go/course/ ------------------------------------- Recommended Videos: Learn Complete HTML and CSS from basics: ►

• HTML And CSS Tuto... Make A Complete Website for college using HTML & CSS: ►

• How To Make A Col... How to make a Business website step by step: ► • How To Make Websi... How to make personal resume website step by step: ► • How To Make A Web... How to make fitness website design using HTML CSS: ► • How To Make A Web... How to make an Ecommerce Website Design: ► • How To Make eComm... How to make a Job Portal website design with HTML & CSS: ► • How To Make Websi... How to make travel website design with HTML CSS Bootstrap: ► • How To Make A Web... ------------------------------------- Affordable web hosting (coupon- EASYTUTORIALS) 👉 https://easytutorialspro.com/hosting/ My recommended tools and tutorials 👉 https://easytutorialspro.com/ ------------------------------------- ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see) Join Channel Membership: ► / @easytutorialsvideo ------------------------------------- Images Credit: https://www.freepik.com/ ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr

Show less

839K subscribers

Learn How To Make Weather App Using JavaScript Step By Step Explained | Create Weather App In HTML CSS and JavaScript #JavaScript #JavaScriptProjects ❤️ SUBSCRIBE: https://goo.gl/tTFmPb In this video we will learn to create a Weather App for Website using HTML CSS and JavaScript. We will get the current weather data from Fess API fey from OpenWeatherMap and display the weather information like Temperature, Weather condition, Humidity and Wind Speed according to the city on our website or app. We will display the weather info on website from Free API using JavaScript. In this weather app we will add one search box where user can enter the city name and get the weather information of the particular city. Download Images: https://drive.google.com/file/d/1RgSe... ----------------------------------------- Suggested Course: ❤️ Complete website Using HTML and CSS ✔️ 8 Complete website step by step ✔️ Source Code Download ✔️ 76 Lectures, 12 Hours Video ✔️ Course Completion certificate 👉 https://easytutorialspro.com/go/course/ ------------------------------------- Recommended Videos: Learn Complete HTML and CSS from basics: ► • HTML And CSS Tuto... Make A Complete Website for college using HTML & CSS: ► • How To Make A Col... How to make a Business website step by step: ► • How To Make Websi... How to make personal resume website step by step: ► • How To Make A Web... How to make fitness website design using HTML CSS: ► • How To Make A Web... How to make an Ecommerce Website Design: ► • How To Make eComm... How to make a Job Portal website design with HTML & CSS: ► • How To Make Websi... How to make travel website design with HTML CSS Bootstrap: ► • How To Make A Web... ------------------------------------- Affordable web hosting (coupon- EASYTUTORIALS) 👉 https://easytutorialspro.com/hosting/ My recommended tools and tutorials 👉 https://easytutorialspro.com/ ------------------------------------- ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see) Join Channel Membership: ► / @easytutorialsvideo ------------------------------------- Images Credit: https://www.freepik.com/ ------------------------------------- Connect with me: 👉 https://linktr.ee/iamavinashkr

Show more

116 Comments

Add a comment...

Kevin Vikan Strømsnes

11 days ago (edited)

Great video, learning by practicing is so much better. Even if all you do is copying a few lines of code that you see in each lesson. It's much more effective than just taking notes. I know this because I tried everything and the only way I could learn (and retain what I learned) was when I started doing that. Once a friend suggested me a few books with interactive content, that made me practice what I learned at each chapter. Edit: For those asking about the books I mentioned, these are the best ones: "Javascript In Less than 50 Pages" "Head First Javascript Programming" If you are into learning Python, I love "Smarter Way to Learn Python".

Read more

SAWAKO

I really appreciate your lecture. This is my first app using JavaScript. I'm happy that I could make an actual app. I couldn't understand some lines, so I will search later and keep learning. Thank you for making this lecture!

Lakshmi Prasanna Nadendla

Clear cut and straight forward to the content. Best yet easy lecture Thanks a lot

Rahul raj Mehra

So simple yet very good and excellent explanation thank you!

Andi Hoxhaj

This was PERFECT , thank you for this it worked perfectly and it was easy to follow you up

Isam's Video Editing

Avinash, You are a real hero...... You make coding very easy for us to learn.

Qibra

Really thanks you brother I'm going to feature this as my last year project by the it's my first project as well you made it so easy to understand as well.

Pandipati Pavan

Please provide the code files and the links in the description as soon as possible. Thank You.

JoeOkat

Thanks, finally something i can relate, understand and practice for my vue projects.

Jaya Patil

Please can u make portfolio website using react js..... Your projects are awesome.. Easy to understand...

Claudia Rook

2 months ago (edited)

Thank you very much for this session, by the way: Germany is not a City, it is a Country

Ten C

Awesome as always! Thank you!

DN GAMING

hello great tutorial but my API call link says longitude and latitude instead of city name i clicked on the same thing as you did and i am not sure if it will cause any problem maybe you can help me with this?

LF Graphics

thanks sir! it's a great project we want more projects using some API's and some jQuery or some little bit complex projects

Clarindo Marcos

Bro, u have an excellent didatic! U do shows up this so easily.

MJ KOO

cannot ask more. amazing and perfect!!!!

RIK Sangma

been learning alot thanks to this videos. i was able to recreate this project...everything worked fine....except the weather icon its not changing.. if(data.weather[0].main=="clouds"){ weathericon.src="images/clouds.png"; if you could give me some pointer it would really help me.

Read more

ExVeer

It's awesome... How we get your source code, sir?

Murali Krishna

Great work

Ishtyaque Ahmed

Very Helpful video. was very easy to follow. Thanks sir you this kind of video